<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <table width="700px">
            <tr style=" background-image: linear-gradient(to right,red,yellow,red)">
                <th>书名</th>
                <th>出版社</th>
                <th>出版周期</th>

            </tr>
            {% for i in zazhi %}
            <tr align="center" height="30px" style=" background-image: linear-gradient(to right,red,yellow,red)">
                 <td>{{i.bookname}}</td>
                 <td>{{i.magazine}}</td>
                 <td>{{i.IssueCycle}}</td>

            </tr>
            {% endfor %}
        </table>

    </body>
</html>